﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="heading">        
        <h1>Hogwarts Roster</h1>
    </div>
    <div id="form">
        <label>Student Name</label>
        <input type="text" id="name" /><br />
        <label>House</label>
        <input type="house" id="house" /><br />
        <label>Year</label>
        <input type="text" id="year" /><br />
        <button id="addStudent"onclick="hogwarts.addStudent()">Add Student</button>
        <button id="editStudent" onclick="hogwarts.submitEdits(index)" style="visibility: hidden">Submit Edits</button>
    </div>
    <div id="table"></div>
    <div id="schoolCrest">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Hogwarts_coat_of_arms_colored_with_shading.svg/275px-Hogwarts_coat_of_arms_colored_with_shading.svg.png" />
    </div>

    <script src="jsmain.js"></script>
</body>
</html>
